<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快速注册返利网：让网购变得更省钱</title>
    <link rel="shortcut icon" href="http://www.fanli.com/favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/9kuai9.css">
    <script src="js/jquery.js"></script>
    <style>
        body{
            background-color: #fafaf5;
        }
        header{
            margin: 0 auto;
            width: 990px;
            height: 92px;
        }
        header h1{
            float: left;
            padding-top: 25px;
        }
        header h1 a{
            width: 190px;
            height: 39px;
            display: block;
            background: url("images/logo-fanli.index.png") no-repeat;
        }
        .letgo{
            width: 150px;
            padding: 55px 8px 0 0;
            line-height: 35px;
            color: #5e5e5e;
            text-align: right;
            float: right;
            font-size: 13px;
        }
        .letgo a{
            text-decoration: underline;
            color: #666;
            display: inline-block;
        }
        main{
            width: 830px;
            height: 485px;
            padding: 30px 80px 60px;
            margin: 0 auto;
            text-align: left;
            background-color: #fff;
        }
        main h3{
            padding: 0 0 15px;
            font-size: 18px;
            line-height: 30px;
            color: #333;
            font-weight: normal;
            font-family: 'Hiragino Sans GB', 'Microsoft YaHei', 'SimSun', sans-serif;
        }
        .reg-form{
            float: left;
            width: 560px;
            padding-top: 20px;
            color: #666;
            font-family: 'Helvetica','Arial','SimSun';
        }
        form div{
            width: 560px;
            height: 80px;
        }
        form div label{
            float: left;
            width: 78px;
            padding-right: 10px;
            font-size: 14px;
            line-height: 44px;
            text-align: right;
            white-space: normal;
        }
        form div input{
            width: 290px;
            height: 20px;
            padding: 11px 8px;
            border: solid 1px #ddd;
            border-radius: 2px;
            background-color: #fbfbfb;
            font-size: 14px;
            color: #666;
        }
        .read-deal{
            display: block;
            padding: 10px 0 10px 88px;
            /*line-height: 20px;*/
            width: 472px;
            height: 20px;
        }
        .read-deal input{
            width: 13px;
            height: 13px;
            float: left;
        }
        .read-deal label{
            font: 12px \5B8B\4F53,sans-serif;
            display: inline-block;
            width: 183px;
            height: 14px;
        }
        .read-deal label a{
            text-decoration: underline;
        }
        .loginbox{
            width: 472px;
            height: 40px;
            padding: 10px 0 10px 88px;
            line-height: 20px;
        }
        .loginbox button{
            width: 307px;
            height: 40px;
            font-size: 18px;
            line-height: 38px;
            letter-spacing: 2px;
            border-radius: 2px;
            border-bottom:solid 3px #44A62E;
            background-color: #54C23B;
            color: #FFF;
            font-family: 'Hiragino Sans GB','Microsoft YaHei','SimSun',sans-serif;
            cursor:pointer;
        }
        .reg-oauth{
            float: left;
            width: 200px;
            margin-top: 20px;
            padding-left: 60px;
            border-left: 1px solid #F9F9F9;
            color: #999;
        }
        .reg-oauth h3{
            height: 28px;
            margin-bottom: 20px;
            line-height: 28px;
            font-size: 12px;
            padding: 0;
            color: #999;
        }
        .reg-oauth ul{
            list-style: none;
        }
        .reg-oauth ul li a{
            display: block;
            height: 30px;
            background: url("images/login-otherway.png") no-repeat;
            margin-bottom: 15px;
            padding-left: 32px;
            line-height: 30px;
            text-decoration: none;
            font-size: 12px;
        }
        .reg-oauth ul li a:hover{
            color: #f60;
        }
        .reg-oauth ul li:nth-of-type(1) a{
            background-position: 0 8px;
        }
        .reg-oauth ul li:nth-of-type(2) a{
            background-position: 0 -23px;
        }
        .reg-oauth ul li:nth-of-type(3) a{
            background-position: 0 -53px;
        }
        .reg-oauth ul li:nth-of-type(4) a{
            background-position: 0 -82px;
        }
    </style>
</head>
<body>
<header>
    <h1>
        <a href="#"></a>
    </h1>
    <div class="letgo">
        我已注册，现在就<a href="#">登录</a>
    </div>
</header>
<main class="clr_both">
    <h3>免费注册返利网，网购省钱第一站</h3>
    <div class="reg-form">
        <form method="POST" action="">

            <div class="username">
                <label>用户名</label>
                <input type="text" name="petname" placeholder="用户名不能为纯数字，不能含符号" pattern="^[a-zA-Z]{6,12}$" required>
            </div>
            <div class="password">
                <label>输入密码</label>
                <input type="password" name="password" placeholder="密码必须为6-25位数字、字母、符号" pattern="^.{6,12}$"  required>
            </div>
            <div class="r-password">
                <label>确认密码</label>
                <input type="password" name="rpassword" placeholder="请重新输入" pattern="^.{6,12}$"  required>
            </div>
            <div class="email-tel">
                <label>邮箱/手机号</label>
                <input type="text" name="email" placeholder="请输入邮箱或手机号" required>
            </div>
            <div class="read-deal">
                <input type="checkbox" name="service" required>
                <label>
                    我已阅读并同意返利网的<a href="javascript:void(0)">使用协议</a>
                </label>
            </div>
            <div class="loginbox">
                <button type="submit">立即注册</button>
            </div>
        </form>
    </div>
    <div class="reg-oauth">
        <h3>使用合作网站账号一键登录</h3>
        <ul>
            <li><a href="javascript:void(0)">使用淘宝账号登录</a></li>
            <li><a href="javascript:void(0)">使用QQ账号登录</a></li>
            <li><a href="javascript:void(0)">使用微博账号登录</a></li>
            <li><a href="javascript:void(0)">使用微信账号登录</a></li>
        </ul>
    </div>
</main>
<footer>
    <div class="footer-container">
        <ul class="footer-top">
            <li><a href="#">关于返利网</a></li>
            <li><a href="#">人才招聘</a></li>
            <li><a href="#">隐私政策</a></li>
            <li><a href="#">媒体报道</a></li>
            <li class="click">
                <a href="javascript:viod (0)">网站导航</a>
                <span id="a_click1" class="a_click1">∧</span>
                <span id="a_click2" class="a_click2">∨</span>
            </li>
        </ul>
        <ul id="nav_box">
            <li><a href="#">淘宝羽绒服</a></li>
            <li><a href="#">什么值得买</a></li>
            <li><a href="#">易迅网</a></li>
            <li><a href="#">当当网</a></li>
            <li><a href="#">厨房</a></li>
            <li><a href="#">返利网</a></li>
            <li><a href="#">超级返利</a></li>
            <li><a href="#">淘宝休闲裤</a></li>
            <li><a href="#">驴妈妈旅游网</a></li>
            <li><a href="#">凡客诚品</a></li>
            <li><a href="#">家具</a></li>
            <li><a href="#">淘宝商城</a></li>
            <li><a href="#">返利网怎么样</a></li>
            <li><a href="#">商家口碑</a></li>
            <li><a href="#">淘宝女装</a></li>
            <li><a href="#">美食</a></li>
            <li><a href="#">理财</a></li>
            <li><a href="#">家装</a></li>
            <li><a href="#">九块邮</a></li>
            <li><a href="#">返利网好不好</a></li>
            <li><a href="#">淘宝男装</a></li>
            <li><a href="#">客厅装修</a></li>
            <li><a href="#">淘宝网商城</a></li>
            <li><a href="#">田园风格</a></li>
            <li><a href="#">客厅</a></li>
            <li><a href="#">淘宝返利</a></li>
            <li><a href="#">美团网</a></li>
            <li><a href="#">什么值得买</a></li>
            <li><a href="#">手机</a></li>
            <li><a href="#">淘宝网</a></li>
            <li><a href="#">天猫旗舰店</a></li>
            <li><a href="#">超级返</a></li>
            <li><a href="#">时尚</a></li>
            <li><a href="#">厨房装修</a></li>
            <li><a href="#">淘宝商城女装</a></li>
            <li><a href="#">数码</a></li>
            <li><a href="#">天猫品牌旗舰店</a></li>
            <li><a href="#">淘宝返利网</a></li>
            <li><a href="#">iPhone</a></li>
            <li><a href="#">母婴</a></li>
            <li><a href="#">健康</a></li>
            <li><a href="#">儿童房</a></li>
            <li><a href="#">淘宝皇冠店</a></li>
            <li><a href="#">淘宝怎么返利</a></li>
            <li><a href="#">卫浴用品</a></li>
            <li><a href="#">一号店返利</a></li>
            <li><a href="#">生活</a></li>
            <li><a href="#">地中海风情</a></li>
            <li><a href="#">淘宝皇冠</a></li>
            <li><a href="#">返利</a></li>
        </ul>
        <div class="footer-middle">
            <ul>
                <li><a href="#" class="wg"></a></li>
                <li><a href="#" class="sh"></a></li>
                <li><a href="#" class="wl"></a></li>
                <li><a href="#" class="lg"></a></li>
            </ul>
        </div>
        <p class="copyright">
            Copyright  返利网 2006-2016, All Rights Reserved.
            <a target="_blank" href="http://www.miibeian.gov.cn/" rel="nofollow">沪ICP备08109440</a>
        </p>
    </div>
</footer>
</body>
</html>
<script src="js/layer/layer.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/register.js"></script>